// 登录页面样式
.login-page{

    // 登录整体内容区
    .login-content{
        padding: 0 10px;
        // 表单区域
        .form-code{
            display:flex;
            justify-content: space-between;
            align-items: center;
            //清除按钮的外边距
            .am-button::before{
                border:none;
            }

            .am-button-small{
                //调整按钮的文本内边距
                padding:0 20px;
            }
        }

        //其他登录方式
        .other-login{
            width: 90%;
            margin:0 auto;
            //文本部分
            .text{
                text-align:center;
                position:relative;
                
                //设置线的样式
                &::before{
                    content: '';
                    height: 1px;
                    width: 100%;
                    background: black;
                    position:absolute;
                    left: 0;
                    top: 8px;
                    z-index: -1;
                }
                span{
                    background: white;
                    padding:0 10px;
                }
            }

            // 图片部分
            .other-img{
                width: 35%;
                margin:0 auto;
                display:flex;
                justify-content: space-between;
                img{
                    width: 30px;
                    height: 30px;
                }
            }
        }

        //文本提示
        .notice{
            text-align: center;
        }

    }

    .am-list-line{
        border-bottom: solid 1px #ddd;
    }

}